.head-top-bar #site_links {
display: flex;
flex-direction: row-reverse;
align-items: center;
}

.sns_follow__ttl {
margin: 0 !important;
}

.sns_follow,
.sns_follow__list {
display: flex;
align-items: center;
}

.sns_follow {
margin-right: 20px;
justify-content: center;
}

#header #site_links .sns_follow__list li+li {
padding-left: 0;
border-left: none;
}

.sns_follow__list {
margin-left: 5px !important;
}

.sns_follow__list__item:not(:first-child) {
margin-left: 10px;
}

@media screen and (max-width: 896px) {

/******************************
  * ヘッダー
  ******************************/


.sns_follow__ttl svg {
fill: #fff;
}

#header .head-global-menu #site_links .sns_follow__list li {
padding: 0;
}

#header .head-global-menu #site_links .sns_follow__list li+li {
margin-top: 0;
}

#header .head-global-menu #site_links .sns_follow__list li a {
padding: 0;
background-color: transparent;
}
}

.head-businesshours {
    position: absolute;
    top: 0px;
    left: -430px
}

.bodyclass.page-second .component p.businesshours-open,
.bodyclass.page-second .component p.businesshours-close,
.bodyclass.page-second .component a.head-calendar span {
    font-size: 12px;
}

a.head-calendar {
    margin: 0 0 0 1em;
    display: inline-block;
    padding: 0.25em 1em;
    background: #d31518;
    color: #ffffff;
    border-radius: 15px;
    vertical-align: baseline;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 896px) {
    .head-businesshours {
        position: static;
        display: flex;
        align-items: center;
        padding-bottom: 0.5em;
    }

    .head-businesshours p {
        white-space: nowrap;
    }

    .head-businesshours p.businesshours-open {
        margin-right: 1em;
    }

    #header .head-global-menu.is-open {
        z-index: 21;
    }
}

@media screen and (min-width: 897px) {
    #header .head-global-menu .navigation.navigation-main nav>ul.clearfix {
        flex-wrap: wrap;
        justify-content: left;
    }

    #header .head-global-menu .navigation.navigation-main nav .sxaToogleNavBtn ul.sxaWrappedList {
        display: flex !important;
        margin-top: 1em;
    }
}
